
 @font-face {
    src: url("assets/fonts/Myriad Pro.ttf");
    font-family: Myriad Pro;
    font-weight:normal; 
} 
 
@font-face {
    src: url("assets/fonts/myriadpro-bold.otf");
    font-family:Myriad Pro;
    font-weight:bold; 
} 
AdvancedDataGrid {
   headerStyleName: "mydataGridHeaderStyle";
	font-size: 12;
	 font-family:Myriad Pro;
}

.mydataGridHeaderStyle {
   font-size: 12;
   background-color: #DFDEE0, #B5B5B5;
   font-weight: bold; 
   font-family: Myriad Pro;
}
.MyTabBar
{
	horizontal-gap:5;
   selectedTabTextStyleName: "mySelectedTabs";
   tab-style-name:"myTabs";
   firstTabStyleName: "myTabs";
   lastTabStyleName: "myTabs";
    font-family:Myriad Pro;
    font-size: 12;
}

.ChartStyle {
  font-family:Myriad Pro;
   font-size: 11;
   font-weight:normal;
 color: #000000;
 direction:horizontal; 
  }
 .charttitle
 {
  font-size: 12;
  font-family:Myriad Pro;
   font-weight:bold;
 direction:horizontal; 
  
 }

.mySelectedTabs
{
	font-weight:normal;
	 font-size: 13;
	font-weight: bold;
}
.myTabs
{
	up-skin: Embed(source="assets/tab_hover.png", scaleGridTop="10", scaleGridBottom="15", scaleGridLeft="10", scaleGridRight="60");
	down-skin:Embed(source="assets/tab_hover.png", scaleGridTop="10", scaleGridBottom="15", scaleGridLeft="10", scaleGridRight="60");
	over-skin: Embed(source="assets/tab_hover.png", scaleGridTop="10", scaleGridBottom="15", scaleGridLeft="10", scaleGridRight="60");
	
	selected-up-skin:  Embed(source="assets/tab_disable.png", scaleGridTop="10", scaleGridBottom="15", scaleGridLeft="10", scaleGridRight="60");
	selected-down-skin:  Embed(source="assets/tab_disable.png", scaleGridTop="10", scaleGridBottom="15", scaleGridLeft="10", scaleGridRight="60");
	selected-over-skin:  Embed(source="assets/tab_disable.png", scaleGridTop="10", scaleGridBottom="15", scaleGridLeft="10", scaleGridRight="60");
	
	color: #4C4E43;
	font-family: Myriad Pro;
	font-weight: normal;
	font-size: 13;
	corner-radius:10;
	padding-top:5;
	
	
}
.Menutopbar { 
	backgroundImage:Embed('assets/addWidget-popUp-menu_Top.png'); 
	backgroundRepeat: no-repeat;
	padding-top:10;
	padding-left:5;
} 

.MenuMiddlebar { 
	background-image:Embed('assets/addWidget-popUp-menu_BG.png'); 
	background-repeat:repeat;
	background-position:top;
	background-blend:multiply; 
	background-size:"100%";
	padding-left:5; 
}

.SearchPanel
{
 	font-family:Myriad Pro;
    font-weight:normal; 
    font-size:11; 
    direction:horizontal;
}

RadioButton,CheckBox,ComboBox,Text
{
 	font-family:Myriad Pro;
    font-weight:normal; 
    font-size:11; 
    direction:horizontal;
}

.listboxalternate1
{
	background-color:#F1EBEF; 
}

.listboxalternate2
{
 	background-color:#FFFFFF; 
}

ToolTip
{
 color: #000000;
 font-size: 12px;
 font-family: ArialEmbedded;
 font-weight:normal; 
}

.MenuBottombar { 
	backgroundImage:Embed('assets/addWidget-popUp-menu_Btm.png'); 
	backgroundRepeat: no-repeat;
} 

.PodMenutopbar { 
	backgroundImage:Embed('assets/CV_popUp-Menu_Top.png'); 
	backgroundRepeat: no-repeat;
	padding-top:10;
	padding-left:5;
} 

.PodMenuMiddlebar { 
	background-image:Embed('assets/CV_popUp-Menu_BG.png'); 
	background-repeat:repeat;
	background-position:top;
	background-blend:multiply; 
	background-size:"100%";
	padding-left:5; 
} 

.PodMenuBottombar { 
	backgroundImage:Embed('assets/CV_popUp-Menu_Btm.png'); 
	backgroundRepeat: no-repeat;
} 

.gridButton
{
	up-skin:        Embed("/assets/acw_icon_1_enable.png");
	over-skin:      Embed("/assets/acw_icon_1_enablehover copy.png");
	down-skin:      Embed("/assets/acw_icon_1_enable.png");
}
Label {
	font-family: Myriad Pro;
	font-size:12
	/*font-weight: bold;*/
}
.widgetTitle {
	font-family: Myriad Pro;
	font-size:12;
	font-weight: bold;
}
.stackWidgetTitle {
	font-family: Myriad Pro;
	color:#819420;
	font-size:14;
	font-weight: bold;
}
.ReportTitle
{
	font-family: Myriad Pro;
	font-size:14;
	font-weight: bold;
	vertical-align:bottom;
	horizontal-align:center;
	height:20;
	
}
.text {
	font-family: Myriad Pro;
	font-size:12
	/*font-weight: bold;*/
}
Text {
	font-family: Myriad Pro;
	font-size:12
}
.listButton
{
	up-skin:        Embed("/assets/acw_icon_2_enable.png");
	over-skin:      Embed("/assets/acw_icon_2_enablehover.png");
	down-skin:      Embed("/assets/acw_icon_2_enable.png");
}

.menuButton
{
	up-skin:        Embed("/assets/icon_repoprtype.png");
	over-skin:      Embed("/assets/icon_repoprtype.png");
	down-skin:      Embed("/assets/icon_repoprtype.png");
}
.searchButton
{
	up-skin:        Embed("/assets/icon_editparameter.png");
	over-skin:      Embed("/assets/icon_editparameter.png");
	down-skin:      Embed("/assets/icon_editparameter.png");
}

.columnChart
{
	up-skin:        Embed("/assets/cv_left_icon_1.png");
	over-skin:      Embed("/assets/cv_left_icon_1hover.png");
	down-skin:      Embed("/assets/cv_left_icon_1.png");
}

.lineChart
{
	up-skin:        Embed("/assets/cv_left_icon_2.png");
	over-skin:      Embed("/assets/cv_left_icon_2hover.png");
	down-skin:      Embed("/assets/cv_left_icon_2.png");
}

.pieChart
{
	up-skin:        Embed("/assets/cv_left_icon_3.png");
	over-skin:      Embed("/assets/cv_left_icon_3hover.png");
	down-skin:      Embed("/assets/cv_left_icon_3.png");
}

.barChart
{
	up-skin:        Embed("/assets/cv_left_icon_4.png");
	over-skin:      Embed("/assets/cv_left_icon_4hover.png");
	down-skin:      Embed("/assets/cv_left_icon_4.png");
}

.stackChart
{
	up-skin:        Embed("/assets/cv_left_icon_5.png");
	over-skin:      Embed("/assets/cv_left_icon_5hover.png");
	down-skin:      Embed("/assets/cv_left_icon_5.png");
}

.backButton
{
	up-skin:        Embed("/assets/cv_left_icon_6.png");
	over-skin:      Embed("/assets/cv_left_icon_6hover.png");
	down-skin:      Embed("/assets/cv_left_icon_6.png");
}

.printButton
{
	up-skin:        Embed("/assets/cv_right_icon_3.png");
	over-skin:      Embed("/assets/cv_right_icon_3hover.png");
	down-skin:      Embed("/assets/cv_right_icon_3.png");
}

.ExportToPdf
{
	up-skin:        Embed("/assets/cv_right_icon_4.png");
	over-skin:      Embed("/assets/cv_right_icon_4hover.png");
	down-skin:      Embed("/assets/cv_right_icon_4.png");
}

.cancelButton
{
	up-skin:        Embed("/assets/cancel_btn_with_text.png");
	over-skin:      Embed("/assets/cancel_btn_with_text.png");
	down-skin:      Embed("/assets/cancel_btn_with_text.png");
}

.updateButton
{
	up-skin:        Embed("/assets/update_btn_with_text.png");
	over-skin:      Embed("/assets/update_btn_with_text.png");
	down-skin:      Embed("/assets/update_btn_with_text.png");
}

.closeButton
{
	up-skin:        Embed("/assets/cv_close_icon.png");
	over-skin:      Embed("/assets/cv_close_icon.png");
	down-skin:      Embed("/assets/cv_close_icon.png");
}

Pod
{
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	rounded-bottom-corners: false;
	border-thickness: 2px;
	border-style: solid;
	border-color: #819420;
	header-colors: #98bc09, #88a808;
	highlight-alphas: .9, 0; 
	background-color: #eff6d6;
	corner-radius: 6px;
	header-height: 22px;
	shadow-direction: right;
	shadow-distance:3px;
	drop-shadow-color: #000000;
	rounded-bottom-corners:true;
	header-height:24px;
	
}

Panel
{
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	rounded-bottom-corners: false;
	border-thickness: 2px;
	border-style: solid;
	border-color: #819420;
	header-colors: #98bc09, #88a808;
	highlight-alphas: .9, 0; 
	corner-radius: 6px;
	header-height: 22px;
	shadow-direction: right;
	shadow-distance:3px;
	drop-shadow-color: #000000;
	rounded-bottom-corners:true;
	header-height:24px;
}

.podTitle
{
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
}

DragHighlight
{
	border-color: #CCCCCC;
	border-thickness: 3px;
	border-style: solid;
	background-color: #F3F3F3;
}

/*  The wrapper id that holds the flex component in the html file   */
#flexwrapper
{
	width:100%;
	height:100%;
	float:left;
	
}

 .toolTip
 {
 	font-size: 11;
	font-family:Myriad Pro;
 }
 
 